/* ESTILOS */
/* ----------------------------------------- */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	line-height: 21px;
	height: 100%;
	margin: 0;
	padding: 0;
}
a {
	color: #3151A2;
	text-decoration: none;
}
a:hover{
	color: #3151A2;
}
h1, h2, h3, h4, h5, h6{line-height: 100%; margin-bottom: 0.5em;}
h1{font-size: 250%;}
h2{font-size: 200%;}
h3{font-size: 150%;}
h4{font-size: 120%;}
h5, h6{font-size: 100%;}
p,ul,ol{margin-bottom: 10px;}
small{font-size: 75%;}
big{font-size: 125%;}

/*SELETORES*/
#tudo{width: 960px;	margin: 0 auto;}
#topo{
	margin: 0; 
	padding: 10px; 
	display: block; 
	background: #444 url('../images/degrade.png'); 
	_background: #444;
	color: #fff;
}
#conteudo{margin: 10px 0; padding: 15px; display: block;}
#rodape{margin: 10px 0;	padding: 10px; display: block;}

/*12 COLUNAS - padrão*/
.coluna{display: block;	float: left; margin: 10px;}
.tamanho1{width: 60px;}
.tamanho2{width: 140px;}
.tamanho3{width: 220px;}
.tamanho4{width: 300px;}
.tamanho5{width: 380px;}
.tamanho6{width: 460px;}
.tamanho7{width: 540px;}
.tamanho8{width: 620px;}
.tamanho9{width: 700px;}
.tamanho10{width: 780px;}
.tamanho11{width: 860px;}
.tamanho12{width: 940px;}

/*16 COLUNAS*/
.grid-16 .tamanho1{width: 40px;}
.grid-16 .tamanho2{width: 100px;}
.grid-16 .tamanho3{width: 160px;}
.grid-16 .tamanho4{width: 220px;}
.grid-16 .tamanho5{width: 280px;}
.grid-16 .tamanho6{width: 340px;}
.grid-16 .tamanho7{width: 400px;}
.grid-16 .tamanho8{width: 460px;}
.grid-16 .tamanho9{width: 520px;}
.grid-16 .tamanho10{width: 580px;}
.grid-16 .tamanho11{width: 640px;}
.grid-16 .tamanho12{width: 700px;}
.grid-16 .tamanho13{width: 760px;}
.grid-16 .tamanho14{width: 820px;}
.grid-16 .tamanho15{width: 880px;}
.grid-16 .tamanho16{width: 940px;}

/*24 COLUNAS*/
.grid-24 #topo{padding: 10px 5px;}
.grid-24 #rodape{padding: 10px 5px;}
.grid-24 .coluna{margin: 10px 5px;}
.grid-24 .tamanho1{width: 30px;}
.grid-24 .tamanho2{width: 70px;}
.grid-24 .tamanho3{width: 110px;}
.grid-24 .tamanho4{width: 150px;}
.grid-24 .tamanho5{width: 190px;}
.grid-24 .tamanho6{width: 230px;}
.grid-24 .tamanho7{width: 270px;}
.grid-24 .tamanho8{width: 310px;}
.grid-24 .tamanho9{width: 350px;}
.grid-24 .tamanho10{width: 390px;}
.grid-24 .tamanho11{width: 430px;}
.grid-24 .tamanho12{width: 470px;}
.grid-24 .tamanho13{width: 510px;}
.grid-24 .tamanho14{width: 550px;}
.grid-24 .tamanho15{width: 590px;}
.grid-24 .tamanho16{width: 630px;}
.grid-24 .tamanho17{width: 670px;}
.grid-24 .tamanho18{width: 710px;}
.grid-24 .tamanho19{width: 750px;}
.grid-24 .tamanho20{width: 790px;}
.grid-24 .tamanho21{width: 830px;}
.grid-24 .tamanho22{width: 870px;}
.grid-24 .tamanho23{width: 910px;}
.grid-24 .tamanho24{width: 950px;}

.primeiro, .grid-16 .primeiro, .grid-24 .primeiro{margin-left: 0;}
.ultimo, .grid-16 .ultimo, .grid-24 .ultimo{margin-right: 0;}

/*AGORA SIM VEM OS ESTILOS \o/*/
/* @Grupo MENU */
ul.menu{
	background: #333;
	height: 40px;
}
ul.menu li{
	list-style: none;
	float: left;
	display: block;	
	position: relative;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #404040 #1a1a1a #1a1a1a #505050;
}
ul.menu li:hover, ul.menu li.hover{ /*Fix para z-index IE7 | .hover para IE6(requer Js)*/
	z-index: 10;
}
ul.menu li a{
	padding: 0px 30px;
	line-height: 38px;
	font-weight: bold;
	color: #FFFFFF !important;
	display: block;
}
ul.menu li a:hover, ul.menu li:hover{
	color: #FFFFFF;
	background: #4698ca;
	border-top-color: #5db1e0 !important;
	border-left-color: #5db1e0;
}
/* -- Submenus -- */
ul.menu li ul{
	position: absolute;
	background: #333;
	width: 170px;
	top: 39px;
	left: -1px;
	display: none;
	z-index: 10;
}
ul.menu li ul li{
	width: 100%;
	background: #333;
	position: relative;
}
ul.menu li ul li:hover, ul.menu li ul li a:hover{
	color: #fff;
	background: #4698ca;
	border-top-color: #5db1e0 !important;
	border-left-color: #5db1e0;
}
ul.menu li ul li a{
	width: 110px;	
}
ul.menu li ul li ul{
	position: absolute;
	background: #333;
	width: 170px;
	top: 0;
	left: 171px;
	display: none;
}
ul.menu li ul li{
	width: 170px;
	background: #333;
}
/* @Fim */

/* @Grupo FORMULÁRIOS */
form label{
	font-weight: bold;
	display: block;
}
form input,form textarea{
	padding: 8px;
	border: 1px solid;
	border-color: #bbb #ddd #ddd #bbb;
	background: url(../img/input.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
form input[type="radio"], form input[type="checkbox"]{
	border: none;
	background: none;
	padding: 0;
}
form input.enviar{
	background: #333;
	border: 1px solid #000;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 7px;
	width: auto;
	height: 30px;
	display: inline-block;
	overflow: visible;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
form select{
	border: 1px solid;
	line-height: 1em;
	padding: 6px 8px;
	border-color: #bbb #ddd #ddd #bbb;
	background: url(../img/input.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 321px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
form option{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 8px;
}
/* @Fim */

/* @Grupo ALERTAS */
.alerta{
	padding: 10px 20px;
	border: 1px solid #C0C0C0;
	margin: 5px 0;
	display: block;
	background: #EDEDED;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.verde{
	background: #E9F9E5;
	border:1px solid #9BDEA8;
	color: #1C8400;
}
.vermelho{
	background: #F9E5E6;
	border:1px solid #DF8F8F;
	color: #C32727;
}
.amarelo{
	background: #FFF6BF;
	border:1px solid #EFC20E;
}
.azul{
	background: #DDEEFF;
	border:1px solid #85CAF3;
	color: #0055B5;
}
/* @Fim */

/* @Grupo TABELAS */
table{
	margin-bottom: 10px;
}
table tr th{
	background: #EEE;
	border: 1px solid #CCC;
	padding: 5px 10px;
}
table tr td{
	border: 1px solid #DDD;
	padding: 5px 10px;
}
/* @Fim */ 

/* @Grupo OUTROS */
a.botao{
	background: #333;
	border: 1px solid #000;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	width: auto;
	display: inline-block;
	overflow: visible;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
blockquote{
	padding: 10px 20px 0px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	margin-bottom: 10px;
}
hr{
	background: #ddd;
	border-top: 1px solid #ddd;
	height: 0px;
	line-height: 0px;
	display: block;
	overflow: hidden;
	margin: 10px 5px;
}
iframe{
	border: 1px solid #ccc;
}

#tudo {
	border: #ededed solid 1px;
	min-height: 100%;
	height: 100%;
}

#topo h3 {
	font-size: 25px;
	font-style: italic;	
}
#topo h4 {
	font-size:13px;
	font-style:italic;
	line-height:1em;
	padding-left:2px;
	margin-bottom:2px;		
}

#divlogin {
	width: 250px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -100px;
	position: absolute;
}

#userinfo {
	line-height: 35px;
	text-align: right;
	padding-right: 5px;
	color: #fff;
	font-weight: bolder;	
}

/* cpanel */
#cpanel {
	padding-top: 15px;	
}
#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 97px;
	width: 108px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }

.button {
	background: #333;
	border: 1px solid #000;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 7px;
	width: auto;
	height: 20px;
    min-width:100px;
	display: inline-block;
	overflow: visible;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
    line-height: 20px;
    text-align:center;
}

.actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #333;
    width: 100%;
    color: #fff;
}

.esquerda {
    float:left;
}
.direita {
    float:right;
}

.errors {
	background:url("../images/bg_valida_R.png") repeat-x scroll right center transparent;
	position: absolute;
	z-index:9999;
}

.errors>li {
	background:transparent url("../images/bg_valida_L.png") no-repeat scroll left center;
	color:#FFFFFF;
	float:left;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	height:25px;
	line-height: 25px;
	padding:8px 5px 0;
	white-space:nowrap;
	list-style-type: none;
	padding-left: 0px;
}
/* @Fim */

/*Abas*/
.tabs ul li {
	list-style-type: none;
}
ul.tabs{
	background: #96A7AC;
	height: 37px;
	padding-top: 5px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
ul.tabs li{
	float: left;
	display: block;
	background: #C1CED2;
	border:1px solid #81999F;
	color:#333333;
	font-weight: bold;
	padding: 0 20px;
	line-height: 35px;
	cursor: pointer;
	margin-left: 10px;
	text-shadow: 1px 2px 3px #D8E1E4;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
ul.tabs li:hover{
	background: #A7B9BF;
}
ul.tabs li.slide-miniatura-atual{
	background: #FFF;
	border-bottom-color: #FFF; 
}
.div_tabs{
	overflow: hidden;
	width: 100%;
	position:relative
}
.tabs_conteudo{
	overflow: hidden;
	width: 690px;
	display: block;
}
.tabs_conteudo .tab{
	width: 690px;
	float: left;
}
.tab .syntaxhighlighter{
	margin-bottom: 0;
}

